<template>
  <div class="img-wrap link2">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-10.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-11.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-12.jpg">
    <!-- <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-13.jpg"> -->
    <!-- <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-14.jpg"> -->
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link12-29.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-16.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/link2-17.jpg">
    <div class="link4" @click="goToPage('link4')"></div>
    <div class="link5" @click="goToPage('link5')"></div>
    <div class="buy_link" @click="goToPage('orderPre')"></div>
  </div>
</template>
<script>
import { wxshare }  from 'common/mixin'
export default {
  mixins: [wxshare],
  data() {
    return {

    }


  },
  methods: {
    goToPage: function(page) {
      this.$router.push({ path: page });
    },
  }
}

</script>
<style lang="less">
.link2 {
  position: relative;
  .link4 {
    width: 100%;
    position: absolute;
    bottom: 3rem;
    height: 1rem;
  }
  .link5 {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    height: 1rem;
  }
  .buy_link {
    width: 100%;
    position: absolute;
    bottom: 6rem;
    height: 2.5rem;
  }
  img {
    vertical-align: top;
    display: block;
    width: 100%;
  }
}

</style>
